<template>
    <ElTable class="list-table is-border" height="720" :="$attrs" border :data="list">
        <ElTableColumn label="月份" prop="yf" align="center"></ElTableColumn>
        <ElTableColumn label="公司名称" prop="companyName" align="center"></ElTableColumn>
        <ElTableColumn label="总分摊底薪" prop="ftdxCount" align="center"></ElTableColumn>
        <ElTableColumn label="总工作天数" prop="gztsCount" align="center"></ElTableColumn>
        <ElTableColumn label="总底薪效益" prop="dxxyCount" align="center"></ElTableColumn>
        <ElTableColumn label="总月销售额" prop="yxseCount" align="center"></ElTableColumn>
        <ElTableColumn label="总提成效益" prop="tcxyCount" align="center"></ElTableColumn>
        <ElTableColumn label="总效益合计" prop="xyhjCount" align="center"></ElTableColumn>
        <ElTableColumn label="基数" prop="js" align="center"></ElTableColumn>
        <ElTableColumn label="系数" prop="xs" align="center">
            <template #default="{ row }">
                {{ row.xs}}%
            </template>
        </ElTableColumn>
        <ElTableColumn label="结算金额" prop="jsje" align="center"></ElTableColumn>

    </ElTable>
</template>

<script setup lang="ts">
import { ElTableColumn } from 'element-plus';
import { computed } from 'vue'
import { addRowAndColSpan } from '@/utils/zeo'

interface Props {
    data?: any[],
}

const props = withDefaults(defineProps<Props>(), {
    data: () => []
})

const list = computed(() => {
    let l = props.data;
    return l;
})
</script>